<h1>Creating the first Graphical Component: Test it!</h1>
<ul>
    <li>
        Now in order to test that new component, we'll change the
        "Example.js" to require the graphical components (as this component 
        instantiate a controller, we just need this one), this way: <pre>
Example = {
	main : function()
	{
	    Archetype.requireComponent("Example.components.graphical");
	}
}
</pre>
        Note that as we don't need any particular reference from one Component
        to another when using events to communicate between components, then if we
        don't need a particular order when loading different components, we can
        simply require both in "Example.js" instead of using dependencies in components.
    </li>
    <li>
        Simply refresh your test page in your browser to see this in
        action! And don't forget to open your Logger to see the debug
        informations to see that all components listen to events and that all
        listeners are called right after the event firing. To see the date being updated, don't forget to click on the page text!
    </li>
    <li>
        <strong>Now click on the page to go next page</strong>
    </li>
</ul>
